<template lang="html">
  <div class="mine-container">
    <router-view />
  </div>
</template>

<script>
import Nav from '../../components/nav'
export default {
  name:'Mine',
  data () {
    return {
      personInfo : {}
    }
  },
  mounted () {
    this.$axios.get(this.HOST + "/burning/personinfo")
    .then(res => {
      console.log(res.data)
      this.personInfo = res.data.userInfo[0]
    })
    .catch(error => {
      console.log(error)
    })
  },
  components: {
    Nav
  }
}
</script>

<style lang="less" scoped>
.mine-container{
  .mine-header{
    height: 40px;
    background: #333;
    font-size: 15px;
    text-align: center;
    i{
      color: #fff;
      float: right;
      height: 100%;
      line-height: 40px;
      width: 40px;
    }
  }
  .mine-user{
    background-color: #fed906;
    border-size: border-box;
    padding: 0 10px;
    height:140px;
    div{
      float: left;
      font-size: 14px;
    }
    .mine-icon{
      margin-right: 15px;
      height: 100%;
      img{
        margin-top: 30px;
      }
    }
    .mine-info{
      height: 100%;
      color: #333;
      .mine-name{
        margin-top:50px;
      }
    }
    i{
      font-size: 20px;
      line-height: 140px;
      float: right;
      color: #333;
    }
  }
}
</style>
